JavaScript'da For Loop, forEach va Map: Unumdorlikni Taqqoslash

JavaScript massivlar bo'ylab iteratsiya qilishning bir necha usullarini taklif etadi, ularning har biri o'zining sintaksisi, funksionalligi va eng muhimi, unumdorlik xususiyatlariga ega. for loop, forEach va map o'rtasidagi farqlarni tushunish, ayniqsa katta hajmdagi ma'lumotlar yoki unumdorlik muhim bo'lgan ilovalar bilan ishlaganda samarali va optimallashtirilgan JavaScript kodini yozish uchun juda muhimdir. Ushbu maqolada har bir metodning nozik jihatlarini o'rganib, qaysi birini qachon ishlatish bo'yicha yo'riqnoma beruvchi to'liq unumdorlik taqqoslanishi taqdim etiladi.

Kirish: JavaScript'da Iteratsiya

Massivlar bo'ylab iteratsiya qilish dasturlashdagi asosiy vazifadir. JavaScript buni amalga oshirish uchun turli usullarni taqdim etadi, ularning har biri o'ziga xos maqsadlar uchun mo'ljallangan. Biz uchta keng tarqalgan metodga e'tibor qaratamiz:

• for loop: Iteratsiya qilishning an'anaviy va, ehtimol, eng asosiy usuli.
• forEach: Massiv elementlari bo'ylab iteratsiya qilish va har bir element uchun taqdim etilgan funksiyani bajarish uchun mo'ljallangan yuqori tartibli funksiya.
• map: Chaquvchi massivning har bir elementida taqdim etilgan funksiyani chaqirish natijalari bilan yangi massiv yaratadigan yana bir yuqori tartibli funksiya.

To'g'ri iteratsiya usulini tanlash kodingizning unumdorligiga sezilarli darajada ta'sir qilishi mumkin. Keling, har bir metodni chuqurroq o'rganib, ularning unumdorlik xususiyatlarini tahlil qilaylik.

for Loop: An'anaviy Yondashuv

for loop JavaScript va boshqa ko'plab dasturlash tillaridagi eng asosiy va keng tushuniladigan iteratsiya konstruksiyasidir. U iteratsiya jarayoni ustidan aniq nazoratni ta'minlaydi.

Sintaksis va Foydalanish

for loopning sintaksisi juda oddiy:

            
for (let i = 0; i < array.length; i++) {
  // Har bir element uchun bajariladigan kod
  console.log(array[i]);
}

            

              
                Copy
              
            
          

Bu yerda komponentlarning tahlili:

• Initsializatsiya (let i = 0): Sanagich o'zgaruvchisini (i) 0 ga initsializatsiya qiladi. Bu faqat sikl boshida bir marta bajariladi.
• Shart (i < array.length): Sikl davom etishi uchun to'g'ri bo'lishi kerak bo'lgan shartni belgilaydi. Sikl i massiv uzunligidan kichik bo'lguncha davom etadi.
• Oshirish (i++): Har bir iteratsiyadan so'ng sanagich o'zgaruvchisini (i) oshiradi.

Unumdorlik Xususiyatlari

for loop odatda JavaScript'dagi eng tezkor iteratsiya usuli hisoblanadi. U eng kam qo'shimcha xarajatlarni taklif qiladi, chunki u to'g'ridan-to'g'ri sanagichni boshqaradi va massiv elementlariga ularning indeksi yordamida kiradi.

Asosiy afzalliklari:

• Tezlik: Odatda qo'shimcha xarajatlarning kamligi tufayli eng tezkor.
• Boshqaruv: Iteratsiya jarayoni ustidan to'liq nazoratni ta'minlaydi, jumladan, elementlarni o'tkazib yuborish yoki sikldan chiqib ketish imkoniyatini ham.
• Brauzerlar bilan mosligi: Barcha JavaScript muhitlarida, jumladan, eski brauzerlarda ham ishlaydi.

Misol: Dunyoning turli burchaklaridan kelgan buyurtmalarni qayta ishlash

Tasavvur qiling, siz turli mamlakatlardan kelgan buyurtmalar ro'yxatini qayta ishlayapsiz. Soliq maqsadlarida ma'lum mamlakatlardan kelgan buyurtmalarni boshqacha tarzda qayta ishlashingiz kerak bo'lishi mumkin.

            
const orders = [
  { id: 1, country: 'USA', amount: 100 },
  { id: 2, country: 'Canada', amount: 50 },
  { id: 3, country: 'UK', amount: 75 },
  { id: 4, country: 'Germany', amount: 120 },
  { id: 5, country: 'USA', amount: 80 }
];

function processOrders(orders) {
  for (let i = 0; i < orders.length; i++) {
    const order = orders[i];
    if (order.country === 'USA') {
      console.log(`AQSh buyurtmasi ${order.id} qayta ishlanmoqda, miqdori ${order.amount}`);
      // AQShga xos soliq mantig'ini qo'llash
    } else {
      console.log(`Buyurtma ${order.id} qayta ishlanmoqda, miqdori ${order.amount}`);
    }
  }
}

processOrders(orders);

            

              
                Copy
              
            
          

forEach: Iteratsiyaga Funksional Yondashuv

forEach massivlarda mavjud bo'lgan yuqori tartibli funksiya bo'lib, u iteratsiya qilishning yanada ixcham va funksional usulini taqdim etadi. U har bir massiv elementi uchun bir marta taqdim etilgan funksiyani bajaradi.

Sintaksis va Foydalanish

forEach sintaksisi quyidagicha:

            
array.forEach(function(element, index, array) {
  // Har bir element uchun bajariladigan kod
  console.log(element, index, array);
});

            

              
                Copy
              
            
          

Qayta chaqiruv funksiyasi uchta argumentni oladi:

• element: Massivda qayta ishlanayotgan joriy element.
• index (ixtiyoriy): Massivdagi joriy elementning indeksi.
• array (ixtiyoriy): forEach chaqirilgan massiv.

Unumdorlik Xususiyatlari

forEach odatda for loopidan sekinroq ishlaydi. Buning sababi, forEach har bir element uchun funksiyani chaqirish qo'shimcha xarajatlarini o'z ichiga oladi, bu esa bajarilish vaqtini oshiradi. Biroq, kichikroq massivlar uchun farq sezilmas bo'lishi mumkin.

Asosiy afzalliklari:

• O'qilishi osonligi: for looplariga qaraganda ixchamroq va o'qilishi oson sintaksisni taqdim etadi.
• Funksional Dasturlash: Funksional dasturlash paradigmalariga yaxshi mos keladi.

Asosiy kamchiliklari:

• Sekinroq ishlash: Odatda for looplaridan sekinroq.
• To'xtatib bo'lmaydi (Break/Continue): Sikl ijrosini boshqarish uchun break yoki continue operatorlaridan foydalana olmaysiz. Iteratsiyani to'xtatish uchun siz istisno (exception) tashlashingiz yoki funksiyadan qaytishingiz kerak (bu faqat joriy iteratsiyani o'tkazib yuboradi).

Misol: Turli mintaqalardagi sanalarni formatlash

Tasavvur qiling, sizda standart formatdagi sanalar massivi bor va ularni turli mintaqaviy afzalliklarga ko'ra formatlashingiz kerak.

            
const dates = [
  '2024-01-15',
  '2023-12-24',
  '2024-02-01'
];

function formatDate(dateString, locale) {
  const date = new Date(dateString);
  return date.toLocaleDateString(locale);
}

function formatDates(dates, locale) {
  dates.forEach(dateString => {
    const formattedDate = formatDate(dateString, locale);
    console.log(`Formatlangan sana (${locale}): ${formattedDate}`);
  });
}

formatDates(dates, 'en-US'); // AQSh formati
formatDates(dates, 'en-GB'); // Buyuk Britaniya formati
formatDates(dates, 'de-DE'); // Germaniya formati

            

              
                Copy
              
            
          

map: Massivlarni O'zgartirish

map massivlarni o'zgartirish uchun mo'ljallangan yana bir yuqori tartibli funksiyadir. U asl massivning har bir elementiga taqdim etilgan funksiyani qo'llash orqali yangi massiv yaratadi.

Sintaksis va Foydalanish

map ning sintaksisi forEach ga o'xshaydi:

            
const newArray = array.map(function(element, index, array) {
  // Har bir elementni o'zgartirish uchun kod
  return transformedElement;
});

            

              
                Copy
              
            
          

Qayta chaqiruv funksiyasi ham forEach kabi uchta argumentni (element, index, va array) oladi, lekin u qiymat qaytarishi shart, bu qiymat yangi massivdagi mos element bo'ladi.

Unumdorlik Xususiyatlari

forEach kabi, map ham odatda funksiya chaqiruvi qo'shimcha xarajatlari tufayli for loopidan sekinroq ishlaydi. Bundan tashqari, map yangi massiv yaratadi, bu esa ko'proq xotira sarflashi mumkin. Biroq, massivni o'zgartirishni talab qiladigan operatsiyalar uchun map for loop yordamida qo'lda yangi massiv yaratishdan ko'ra samaraliroq bo'lishi mumkin.

Asosiy afzalliklari:

• O'zgartirish: O'zgartirilgan elementlar bilan yangi massiv yaratadi, bu uni ma'lumotlar bilan ishlash uchun ideal qiladi.
• O'zgarmaslik (Immutability): Asl massivni o'zgartirmaydi, bu esa o'zgarmaslikni ta'minlaydi.
• Zanjirlash (Chaining): Murakkab ma'lumotlarni qayta ishlash uchun boshqa massiv metodlari bilan osonlikcha zanjir hosil qilishi mumkin.

Asosiy kamchiliklari:

• Sekinroq ishlash: Odatda for looplaridan sekinroq.
• Xotira sarfi: Yangi massiv yaratadi, bu esa xotira sarfini oshirishi mumkin.

Misol: Turli mamlakatlarning valyutalarini AQSh dollariga o'tkazish

Faraz qiling, sizda turli valyutalardagi tranzaksiyalar massivi bor va ularning barchasini hisobot uchun AQSh dollariga o'tkazishingiz kerak.

            
const transactions = [
  { id: 1, currency: 'EUR', amount: 100 },
  { id: 2, currency: 'GBP', amount: 50 },
  { id: 3, currency: 'JPY', amount: 7500 },
  { id: 4, currency: 'CAD', amount: 120 }
];

const exchangeRates = {
  'EUR': 1.10, // Misol uchun valyuta kursi
  'GBP': 1.25,
  'JPY': 0.007,
  'CAD': 0.75
};

function convertToUSD(transaction) {
  const rate = exchangeRates[transaction.currency];
  if (rate) {
    return transaction.amount * rate;
  } else {
    return null; // Konvertatsiya muvaffaqiyatsizligini bildirish
  }
}

const usdAmounts = transactions.map(transaction => convertToUSD(transaction));

console.log(usdAmounts);

            

              
                Copy
              
            
          

Unumdorlikni O'lchash (Benchmarking)

Ushbu metodlarning unumdorligini obyektiv ravishda taqqoslash uchun biz JavaScript'dagi console.time() va console.timeEnd() kabi benchmarking vositalaridan yoki maxsus benchmarking kutubxonalaridan foydalanishimiz mumkin. Mana oddiy misol:

            
const arraySize = 100000;
const largeArray = Array.from({ length: arraySize }, (_, i) => i + 1);

// For loop
console.time('For loop');
for (let i = 0; i < largeArray.length; i++) {
  // Biror amal bajarish
  largeArray[i] * 2;
}
console.timeEnd('For loop');

// forEach
console.time('forEach');
largeArray.forEach(element => {
  // Biror amal bajarish
  element * 2;
});
console.timeEnd('forEach');

// Map
console.time('Map');
largeArray.map(element => {
  // Biror amal bajarish
  return element * 2;
});
console.timeEnd('Map');

            

              
                Copy
              
            
          

Kutilayotgan Natijalar:

Ko'pgina hollarda siz quyidagi unumdorlik tartibini kuzatasiz (eng tezdan eng sekinga):

1. for loop
2. forEach
3. map

Muhim Jihatlar:

• Massiv hajmi: Unumdorlikdagi farq kattaroq massivlarda yanada sezilarli bo'ladi.
• Operatsiyalar murakkabligi: Sikl yoki funksiya ichida bajariladigan operatsiyaning murakkabligi ham natijalarga ta'sir qilishi mumkin. Oddiy operatsiyalar iteratsiya usulining qo'shimcha xarajatlarini ko'rsatadi, murakkab operatsiyalar esa farqlarni yashirishi mumkin.
• JavaScript Dvigateli: Turli JavaScript dvigatellari (masalan, Chrome'dagi V8, Firefox'dagi SpiderMonkey) biroz farqli optimallashtirish strategiyalariga ega bo'lishi mumkin, bu esa natijalarga ta'sir qilishi mumkin.

Eng Yaxshi Amaliyotlar va Qo'llash Holatlari

To'g'ri iteratsiya usulini tanlash vazifangizning o'ziga xos talablariga bog'liq. Mana eng yaxshi amaliyotlar xulosasi:

• Unumdorlik Muhim Operatsiyalar: Unumdorlik muhim bo'lgan operatsiyalar uchun, ayniqsa katta hajmdagi ma'lumotlar bilan ishlaganda for looplaridan foydalaning.
• Oddiy Iteratsiya: Unumdorlik asosiy masala bo'lmaganda va o'qilishi osonligi muhim bo'lganda oddiy iteratsiya uchun forEach dan foydalaning.
• Massivni O'zgartirish: Massivni o'zgartirib, o'zgartirilgan qiymatlar bilan yangi massiv yaratish kerak bo'lganda map dan foydalaning.
• Iteratsiyani To'xtatish yoki Davom Ettirish: Agar siz break yoki continue dan foydalanishingiz kerak bo'lsa, for loopidan foydalanishingiz shart. forEach va map to'xtatish yoki davom ettirishga ruxsat bermaydi.
• O'zgarmaslik (Immutability): Asl massivni saqlab qolib, o'zgartirishlar bilan yangisini yaratmoqchi bo'lsangiz, map dan foydalaning.

Haqiqiy Hayotiy Ssenariylar va Misollar

Mana har bir iteratsiya usuli eng mos bo'lishi mumkin bo'lgan ba'zi haqiqiy hayotiy ssenariylar:

• Veb-sayt Trafik Ma'lumotlarini Tahlil Qilish (for loop): Asosiy ko'rsatkichlarni hisoblash uchun millionlab veb-sayt trafik yozuvlarini qayta ishlash. Bu yerda katta ma'lumotlar to'plami va optimal unumdorlik zarurati tufayli for loop ideal bo'ladi.
• Mahsulotlar Ro'yxatini Ko'rsatish (forEach): Elektron tijorat veb-saytida mahsulotlar ro'yxatini ko'rsatish. Bu yerda forEach etarli bo'ladi, chunki unumdorlikka ta'siri minimal va kod o'qilishi osonroq.
• Foydalanuvchi Avatarlarini Yaratish (map): Foydalanuvchi ma'lumotlaridan foydalanuvchi avatarlarini yaratish, bu yerda har bir foydalanuvchi ma'lumotlari rasm URL'iga aylantirilishi kerak. map ma'lumotlarni yangi rasm URL'lari massiviga aylantirgani uchun mukammal tanlov bo'ladi.
• Log Ma'lumotlarini Filtrlash va Qayta ishlash (for loop): Xatoliklarni yoki xavfsizlik tahdidlarini aniqlash uchun tizim log fayllarini tahlil qilish. Log fayllari juda katta bo'lishi mumkinligi va tahlil ma'lum shartlarga asoslanib sikldan chiqishni talab qilishi mumkinligi sababli, for loop ko'pincha eng samarali variantdir.
• Xalqaro Auditoriya uchun Raqamlarni Mahalliylashtirish (map): Raqamli qiymatlar massivini xalqaro foydalanuvchilarga ko'rsatish uchun ma'lumotlarni tayyorlash maqsadida turli xil lokal sozlamalariga muvofiq formatlangan satrlarga aylantirish. Konversiyani bajarish va mahalliylashtirilgan raqamlar satrlarining yangi massivini yaratish uchun map dan foydalanish asl ma'lumotlarning o'zgarishsiz qolishini ta'minlaydi.

Asoslardan Tashqari: Boshqa Iteratsiya Metodlari

Ushbu maqola for loop, forEach va map ga qaratilgan bo'lsa-da, JavaScript o'ziga xos vaziyatlarda foydali bo'lishi mumkin bo'lgan boshqa iteratsiya usullarini taklif etadi:

• for...of: Iteratsiya qilinadigan obyektning (masalan, massivlar, satrlar, Map, Set) qiymatlari bo'ylab iteratsiya qiladi.
• for...in: Obyektning sanaladigan xususiyatlari bo'ylab iteratsiya qiladi. (Odatda massivlar bo'ylab iteratsiya qilish uchun tavsiya etilmaydi, chunki iteratsiya tartibi kafolatlanmagan va u meros qilib olingan xususiyatlarni ham o'z ichiga oladi).
• filter: Taqdim etilgan funksiya tomonidan amalga oshirilgan testdan o'tgan barcha elementlar bilan yangi massiv yaratadi.
• reduce: Akkumulyator va massivdagi har bir elementga qarshi (chapdan o'ngga) funksiyani qo'llab, uni bitta qiymatga qisqartiradi.

Xulosa

JavaScript'da turli iteratsiya usullarining unumdorlik xususiyatlari va qo'llash holatlarini tushunish samarali va optimallashtirilgan kod yozish uchun zarurdir. Garchi for looplari odatda eng yaxshi unumdorlikni taklif qilsa-da, forEach va map ko'plab ssenariylar uchun mos keladigan ixchamroq va funksional alternativlarni taqdim etadi. Vazifangizning o'ziga xos talablarini diqqat bilan ko'rib chiqib, siz eng mos iteratsiya usulini tanlashingiz va JavaScript kodingizni unumdorlik va o'qilishi osonligi uchun optimallashtirishingiz mumkin.

Unumdorlik taxminlarini tekshirish uchun kodingizni benchmark qilishni va ilovangizning o'ziga xos kontekstiga qarab yondashuvingizni moslashtirishni unutmang. Eng yaxshi tanlov ma'lumotlar to'plamingiz hajmiga, bajariladigan operatsiyalar murakkabligiga va kodingizning umumiy maqsadlariga bog'liq bo'ladi.